<template>
  <div class="appver-container app-container">
    <el-tabs v-model="activeTab" type="border-card" @tab-click="changeTab">
      <el-tab-pane label="新建更新版本" name="one">
        <app-version-new @change-tab="changeTab"></app-version-new>
      </el-tab-pane>
      <el-tab-pane label="管理更新版本" name="two">
        <app-version-manage></app-version-manage>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
// import appVersionNew from './appVersion';
import AppVersionNew from '@/views/system/appVersionNew';
import AppVersionManage from '@/views/system/appVersionManage';

export default {
  name: 'app',
  components: { AppVersionNew, AppVersionManage },
  data() {
    return {
      activeTab: 'one',
    };
  },
  // component: { appVersionNew },
  methods: {
    changeTab(tabs) {
      this.activeTab = tabs.name;
    },
  },
  mounted() {
  },
  watch: {
    '$route.query.tab': function (newVal) {
      if (newVal) this.activeTab = newVal;
    },
  },
};
</script>

<style scoped>
</style>
